<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<link rel="shortcut icon" href="../access/logo.ico">
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
		<title>会员权益</title>
		<style>
			html,
			body,
			ul,
			li {
				margin: 0;
				padding: 0;
				list-style: none;
				height: 100%;
			}
			
			.app {
				max-width: 750px;
				min-width: 320px;
				height: 100%;
				width: 100%;
				margin: 0px auto;
				min-height: 100%;
				position: relative;
				display: flex;
			}
			
			#app {
				height: 100%;
				width: 100%;
			}
			
			@media screen and (min-width: 750px) {
				.app {
					background-color: #fff;
				}
				body {
					background-color: #000;
				}
			}
			
			.page {
				padding: .5rem .3rem;
			}
			
			.legal-box {
				margin-top: .5rem;
			}
			
			.legal-box .title {
				font-family: PingFangSC-Regular;
				font-size: .28rem;
				color: #464646;
				letter-spacing: 0;
				line-height: .28rem;
			}
			
			.tips {
				font-family: PingFangSC-Semibold;
				font-size: .32rem;
				color: #464646;
				letter-spacing: 0;
				line-height: .32rem;
			}
			
			.info {
				font-family: PingFangSC-Regular;
				font-size: .28rem;
				color: #909090;
				letter-spacing: 0;
				margin-top: .2rem;
			}
			
			.info p {
				padding: 0;
				margin: 0;
				position: relative;
				padding-left: .1rem;
			}
			
			.info p::before {
				content: "·";
				position: absolute;
				left: -0.05rem;
			}
			
			.img-box {
				height: 1.9rem;
				width: 6.9rem;
				background-color: #f2f2f2;
				border-radius: .1rem;
				margin-top: .5rem;
			}
			
			.img-box img {
				width: 100%;
				height: 100%;
				border-radius: .08rem;
			}
		</style>
	</head>

	<body>
		<script type="text/javascript" src="../js/rem.js"></script>
		<div class="app">
			<div id="app">
				<div class="page">
					<div class="tips">会员权益</div>
					<div class="legal-box">
						<div class="title">1.全场商品成本价</div>
						<div class="info">
							平均购买约2-3件商品即可赚回会员费哟！
						</div>
						<div class="img-box">
							<img src="http://zafgoos.oss-cn-shanghai.aliyuncs.com/hbplus/imgs-h5/lagel_1.png" />
						</div>
					</div>
					<div class="legal-box">
						<div class="title">2.邀请好友获得奖励金</div>
						<div class="info">
							可以通过微信小程序向好友发起会员卡开通邀请，好友通过您分享的链接开通花卡，方可确认本次邀请成功，邀请成功您可获得100元现金奖励，如您邀请的好友邀请其他用户（直属邀请）开通花卡，您同时也可获得10元奖励金，获得的奖励金可通过我的邀请（查看更多）-申请提现，运营审核通过后将与您联系发放奖励金。
						</div>
						<div class="img-box">
							<img src="http://zafgoos.oss-cn-shanghai.aliyuncs.com/hbplus/imgs/vipre.jpg" />
						</div>
					</div>
					<div class="legal-box">
						<div class="title">3.全场免运费</div>
						<div class="info">
							花卡会员在会员时间内（免运费时间以下单时间为准）在花伴商城新购买的订单实行全场包邮！
						</div>
						<div class="img-box">
							<img src="http://zafgoos.oss-cn-shanghai.aliyuncs.com/hbplus/imgs-h5/lagel_2.png" />
						</div>
					</div>
					<div class="legal-box">
						<div class="title">4.低息分期付</div>
						<div class="info">
							申请马上花额度成功的花伴会员用户可享受3期免息分期等福利。
						</div>
						<div class="img-box">
							<img src="http://zafgoos.oss-cn-shanghai.aliyuncs.com/hbplus/imgs-h5/lagel_3.png" />
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>